// 初始化图表函数
function initChart() {
    try {
        const chartDom = document.getElementById('words_recommendations_line');
        if (!chartDom) {
            console.error('图表容器未找到，请检查HTML中的元素ID');
            return;
        }

        // 设置图表容器尺寸
        chartDom.style.width = '100%';
        chartDom.style.height = '600px';

        // 检查ECharts是否加载成功
        if (typeof echarts === 'undefined') {
            chartDom.innerHTML = '<div class="chart-error">ECharts库加载失败</div>';
            console.error('ECharts库未正确加载');
            return;
        }

        // 检查图表配置
        if (!window.chartOptions) {
            chartDom.innerHTML = '<div class="chart-error">图表配置未加载</div>';
            console.error('图表配置未加载');
            return;
        }

        // 初始化图表
        const myChart = echarts.init(chartDom);
        myChart.setOption(window.chartOptions, true);
        
        // 窗口大小改变时重新调整图表大小
        const resizeHandler = function() {
            myChart.resize();
        };
        window.addEventListener('resize', resizeHandler);
        
        // 图表渲染成功
        console.log('折线图渲染成功');
        
    } catch (error) {
        const chartDom = document.getElementById('words_recommendations_line');
        if (chartDom) {
            chartDom.innerHTML = '<div class="chart-error">图表初始化失败: ' + error.message + '</div>';
        }
        console.error('图表初始化失败:', error);
    }
}

// 当页面加载完成后初始化图表
if (document.readyState === 'complete') {
    initChart();
} else {
    window.addEventListener('load', initChart);
}
